Here is another external CSS example for trying out:

===========================================================
Here is the code of an HTML document:
=========================================================== 
		<html> 

		<head> 

			<title> An Open Letter to the IRS </title> 

			<link rel="stylesheet" type = "text/css" href="..\Style Sheets/letter.css"> 

		</head> 

		<body> BACKGROUND="..\Pictures/bgcc.jpg"> 

		<p class="rhead"> 

		April 1, 2001	

		<HR>	

		<p class="rhead"> 

		Adam Clerk 

		Bully Corporation 

		Blumond, WA 12345  

		<p class="lhead"> 

		Internal Revenue Service

		Sacramento, CA 12345

		<p> 

		Dear Sir/Madam, 

		<p class="body"> 

		I am writing to inform you that, due to financial difficulties, i will 
		be unable to pay all my taxes this year.

		You see, my company has had reduced profits this year. in fact gross 
		revenues has now dropped below the GDB of fifteen foreign countries! 
		given this intolerable situation, I am sure you will understand.

		<center> <h1>  I hope this example was useful to understand more on CSS classes! </h1> </center> 

		<p class="foot1"> 

		Sincerely, 

		<p class="foot2"> 

		Adam Clerk 

		</p>
===============================================================
Here is the code of the external CSS file:
===========================================================
/* Style sheets */
/* external style sheet */ 
		p { margin-top: 5px }
		
		p.rhead { text-align: right;
         margin-right: 0.5in;
         font-family: times new roman;
		}
		
		p.lhead { font-family: Book Antiqua }
		
		p.body { text-align: justify;
         text-indent: 0.5in;
        }

		p.foot1 { margin-left: 60%;
         line-height: 300%; 
		}
		
		p.foot2 { margin-left: 60%;
         line-height: 300%;
         color:red; }
================================================================

Here is the rendered document when it's done correctly.


For more details, please contact me here.
Date of last modification: March 26, 2019.